<template>
    <div>
         <!-- 顶部 -->
        <div class="Stop">
    <div class="StopO">
      <img class="StopOn" src="../../assets/user/zuojiantou.png" alt="">
        <span class="StopOne">
          商品详情
        </span>
         <img class="StopOness" src="../../assets/user/gouwuche.png" alt="">
         <img class="StopOnes" src="../../assets/user/fenxiang.png" alt="">
         <img class="StopOnesss" src="../../assets/user/home.png" alt="">
    </div>   
    </div>
<!-- 轮播图 -->
<Index class="c-Carousel" />
<div class="c-Carousel-bot">
  <span class="c-bot-1">抢购价：￥129.08</span>
  <span class="c-bot-2">今天15:00限量开抢</span>
  <div class="c-bot-3">提醒我</div>
</div>
<!-- 商品介绍 -->
<div class="c-spxq">
<img class="c-yg" src="../../assets/user/yingguo.png" alt="">
<span class="c-xq-ygzy-t"><span class="c-xq-ygzy">英国直邮</span>焕彩萃璨花蕊唇彩4.8g焕彩萃璨花蕊唇彩4.8g 焕彩萃璨花蕊唇彩4.8g</span>

<div class="c-xq-mon">¥169</div>
<span class="c-xq-gs">关税：￥10 <img class="c-xq-xq" src="../../assets/user/详情.png" alt=""></span>
<div class="c-xq-yf">邮费：￥50</div>
</div>
<!-- 积分购 -->
<div class="c-jfg"><img class="c-jgf-img" src="../../assets/user/积分购.png" alt="">
<span class="c-jfg-t">500000积分可抵500元，限购1件</span></div>
<!-- logo -->
<div class="c-logo">
<img class="c-logo-img1" src="../../assets/user/禁止.png" alt=""><span  class="c-logo-t1">不支持7天无忧退换</span>
<img class="c-logo-img2" src="../../assets/user/红飞机.png" alt=""><span class="c-logo-t2">海外直邮</span>
<img class="c-logo-img3" src="../../assets/user/正品.png" alt=""><span class="c-logo-t3">正品保证</span>
<img class="c-logo-img4" src="../../assets/user/右箭头.png" alt="">
</div>
<!-- 直邮 -->
<div class="c-zy">
  <img class="c-zy-img" src="../../assets/user/yingguo.png" alt="">
<span class="c-zy-t">直邮，下单时需要提供真实姓名和身份证号以及收货地址
请先去添加并填写这些信息<img class="c-zy-img2" src="../../assets/user/去添加.png" alt=""></span>
</div>
<!-- 心得 -->
<div class="c-xd">
<img class="c-xd-img" src="../../assets/user/竖.png" alt="">
<span class="c-xd-t">阿拉粉心得</span>
<span class="c-xd-2t">查看更多<img class="c-xd-2img" src="../../assets/user/右小箭头.png" alt=""></span>
</div>
<!--  评价  -->
<div class="c-pj-dbox">
<div class="c-pj-xbox"></div>


</div>



</div>
</template>

<script>
import Index from '../czl/Index'
export default {
    name:'Details',
    data() {
        return {
    
        }
    },
    components:{
    Index,
    }
}
</script>

<style  scoped>
    .Stop {
    background-color: #e53e42;
    width: 100%;
    height: 9.6rem;
    color: #fff;
    font-size: 3.6rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    
  }
  .StopO {
    height:9.6rem;
    padding: 0 2rem;
    line-height: 9.6rem;
     text-align: center;
  }
  .StopOn{
      width: 2.2rem;
      height: 3.8rem;
      position: fixed;
    top: 3rem;
    left: 2.9rem;
  }
  .StopOnes{
    width:3.6rem ;
    height:3.5rem;
    position: fixed;
    top: 3rem;
    right: 7.8rem;
  }
  .StopOness{
    width:3.8rem ;
    height:3.6rem;
    position: fixed;
    top: 3rem;
    right: 13.5rem;
  }
  .StopOnesss{
    width:3.8rem ;
    height:3.8rem;
    position: fixed;
    top: 3rem;
    right: 2rem;
  }
  /* 轮播 */
  .c-Carousel{
    width: 100%;
    height: 40rem;
    margin-top:9.6rem ;
  }
  .c-Carousel-bot{
  height: 10rem;
  width: 100%;
  background-color: #e53e42;
  margin-top:2rem ;
}
.c-bot-1{
  font-size: 3rem;
  line-height: 10rem;
  color: #fff;
  padding-left:2rem ;
  /* vertical-align: middle; */
}
.c-bot-2{
font-size: 2.4rem;
line-height: 10rem;
color: #fff;
 padding-left:9.9rem ;
 /* border: 1px #00f solid; */
 
}
.c-bot-3{
  display: inline;
  width: 12rem;
  height: 4rem;
  font-size: 2.4rem;
  padding: 1rem 2.5rem;
  color:#e53e42;
  background-color: #fff;
  border-radius:4.5rem 4.5rem ;
  margin-left:1.7rem ;
}
/* 商品详情 */
.c-spxq{
width: 100%;
height: 22.8rem;
border-bottom: 0.1rem #cccccc solid;
}
.c-yg{
  width: 4rem;
  height: 3rem;
  padding-left:2.1rem;
  margin-bottom:3.6rem ;
  padding-right:2rem ;
}
.c-xq-ygzy{
  display: inline-block;
  font-size: 3rem;
  line-height: 3rem;
  color: #e53e42;
  padding-right:2.3rem ;
  margin-top:2rem ;
}
.c-xq-ygzy-t{
  display: inline-block;
  width: 62rem;
  font-size: 3rem;
  line-height: 4rem;
  color: #494949;
}
.c-xq-mon{
  font-size: 3.6rem;
  line-height: 3.6rem;
  margin-top:1rem ;
  margin-left:2.8rem;
  color:#e53e42;
  /* border: 1px #00f solid; */
}
.c-xq-gs{
  display: inline-block;
  font-size: 2.4rem;
  line-height: 2.4rem;
  margin-top:1.5rem ;
  margin-left:2rem;
  color: #494949;
  /* border: 1px #00f solid; */
  }
  .c-xq-xq{
    display:inline-block;
    width: 6rem;
    height: 2.4rem;
    vertical-align:middle;
    margin-bottom:0.2rem;
    margin-left:1rem;
  }
  .c-xq-yf{
    font-size: 2.4rem;
    line-height: 2.4rem;
    margin-top:1.2rem ;
    margin-left:2rem;
    color: #494949;
  }
  /* 积分购 */
  .c-jfg{
    width: 100%;
    height: 6rem;
    border-bottom: 0.1rem #cccccc solid;
  }
  .c-jgf-img{
  widows: 7.9rem; 
  height: 3.1rem;
  margin-top:1.4rem ;
  margin-left:2rem ;
  }
  .c-jfg-t{
  display: inline-block;
  font-size: 2.4rem;
  vertical-align: 20%;
  color: #4d4d4d;
  padding-left:2.8rem ;
  }
/* logo */
.c-logo{
  height: 6rem;
  width: 100%-2rem;
  border-bottom: 0.1rem #ccc solid;
  padding-left:2rem ;
}
.c-logo-img1{
   width: 3rem;
   height: 3rem;
   margin-bottom:1rem ;
   vertical-align: middle;
}
.c-logo-img2{
   width: 3.4rem;
   height: 3.3rem;
   margin-left:5.5rem ;
   margin-bottom:1rem ;
   vertical-align: middle;
}
.c-logo-img3{
   width: 3rem;
   height: 3rem;
   margin-left:7.9rem ;
   margin-bottom:1rem ;
   vertical-align: middle;
}
.c-logo-img4{
   width: 1.4rem;
   height: 2.4rem;
   margin-left:3.5rem ;
   margin-bottom:1rem ;
   vertical-align: middle;
}
.c-logo-t1{
  display: inline-block;
  font-size: 2.4rem;
  line-height: 6rem;
  color:#e53e42;
  padding-left:1rem ;
}
.c-logo-t2{
  display: inline-block;
  font-size: 2.4rem;
  line-height: 6rem;
  color:#4d4d4d;
  padding-left:1rem ;
}
.c-logo-t3{
  display: inline-block;
  font-size: 2.4rem;
  line-height: 6rem;
  color:#4d4d4d;
  padding-left:1rem ;
}
/* 直邮 */
.c-zy{height: 10rem;
width: 100%;
border-bottom: 0.1rem #ccc solid;
}
.c-zy-img{
  width: 4rem;
  height: 3rem;
  padding-left:2rem;
  vertical-align: top;
  padding-top: 1.6rem;
  }
  .c-zy-img2{
    width: 8rem;
    height: 3rem;
    padding-left:29rem;
    vertical-align: middle;
    padding-bottom: 0.5rem;
  }
.c-zy-t{
  width: 64rem;
  display: inline-block;
  font-size: 2.4rem;
  line-height: 3.5rem;
  color: #e53e42;
  padding-top:1.1rem ;
  padding-right:2.3rem ;
  padding-left: 1.9rem;
  
}
.c-xd{
height: 6rem;
border-bottom: 0.1rem #cccccc solid;
}
.c-xd-img{
width:0.6rem;
height:3rem;
padding-left:2rem ;
vertical-align: middle;
padding-bottom:2rem ;
}
.c-xd-t{
font-size:3rem;
color: #4d4d4d;
line-height: 6rem;
padding-left:1rem ;
}
.c-xd-2t{
  font-size: 2rem;
  padding-left:44rem ;
}
.c-xd-2img{
  width: 1.2rem;
  height: 2rem;
  padding-left:1rem ;
}
/* 评价  */
.c-pj-dbox{
  height: 24rem;
  width: 100%;
  border: 0.1rem #ccc solid;
}
.c-pj-xbox{
  margin-top:2rem;
  margin-left:2rem ;
  height: 20rem;
  width: 20rem;
  border-radius: 15px;
  border: 0.1rem #ccc solid;
}


</style>